<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商城搜索页</title>
		<link rel="stylesheet" href="css/reset.css" />
	    <link rel="stylesheet" href="css/search.css" />
	    <link rel="stylesheet" href="css/common.css" />
	    <link rel="stylesheet" href="css/daohang.css" />
<style>
	    	body{background-color: #f5f5f5;}
	    </style>
	</head>
	<body>
		
		
		
		<!-- 背景div -->
	<div id="mydiv" style="height:0px;"></div>
	<script type="text/javascript">
		window.onload = function() {
		    //配置
		    var config = {
		        vx: 4,	//小球x轴速度,正为右，负为左
		        vy: 4,	//小球y轴速度
		        height: 5,	//小球高宽，其实为正方形，所以不宜太大
		        width: 5,
		        count: 100,		//点个数
		        color: "111,193,291", 	//点颜色
		        stroke: "255,0,0", 		//线条颜色
		        dist: 6000, 	//点吸附距离
		        e_dist: 20000, 	//鼠标吸附加速距离
		        max_conn: 10 	//点到点最大连接数
		    }

		    //调用
		    CanvasParticle(config);
		}
	</script>
	<script type="text/javascript" src="js/canvas-particle.js"></script>
		
		
		<div id="web">
    	<!--头部-->
			<div class="header">
				<div class="top">
					<div class="top-t clearfix">
						<span>
							<a  href="register.html" onclick="register()">注册</a>
							<a  href="no-calculate.html" onclick="login()">登录</a>
							<a  href="login.html" onclick="viplogin()">vip登录</a>
						</span>
						<ul>
							<li><a href="search.html" style="border-right:solid 1px #a8a9ae ;">商家入驻</a></li>
							<li><a href="Lb-car.html" style="border-right:solid 1px #a8a9ae ;">我的订单</a></li>
							<li><a href="address.html"><img src="img/buy-car.png"/>&nbsp;<b>(0)</b></a></li>
						</ul>
					</div>
				</div>
					
				<div class="header_contant clearfix">
					<div class="logo">
						<a href="index.html"><img src="img/LOGO.png" /></a>
					</div>
					<div class="search">
						<form action="" method="">
							<input type="text" placeholder="search"/>
							<input type="image" src="img/search.png" />
						</form>
						<ul class="clearfix">
							<li><a href="">地板</a></li>
							<li><a href="">池板</a></li>
							<li><a href="">地板</a></li>
							<li><a href="">池板</a></li>
							<li><a href="">地板</a></li>
							<li><a href="">池板</a></li>
						</ul>
					</div>
				</div>
			</div>
			<nav>
				<div class="nav" style="position:relative;">
					<ul class="clearfix">
						<li><a href="">木工</a>
							<div class="navigation">
								<div class="centent">
									<div class="listing1 fl">
										<ul class="fl">
											<li style="font-size: 16px; font-weight: bold;">板材</li>
											<li>装饰面板</li>
											<li>宝丽版</li>
											<li>三聚氰胺版</li>
											<li>铝朔版</li>
											<li>多层版</li>
											<li>中纤版</li>
											<li>细木工板</li>
											<li>刨花版</li>
										</ul>
										<ul class="fl" style="margin-left: 30px; margin-top: 20px;" >
											<li>欧松板</li>
											<li>防火板</li>
											<li>密度板</li>
											<li>其他板材</li>
										</ul>
									</div>
									<div class="listing2 fl">
										<ul>
											<li style="font-size: 16px; font-weight: bold;">地板</li>
											<li>实木地板</li>
											<li>实木复合地板</li>
											<li>强化复合地板</li>
											<li>竹地板</li>
											<li>软木地板</li>
											<li>塑料地板</li>
											<li>PVC地板</li>
											<li>其他地板</li>
										</ul>
									</div>
									<div class="listing3 fl">
										<ul class="fl">
											<li style="font-size: 16px; font-weight: bold;">木线</li>
											<li>普通龙骨</li>
											<li>精品龙骨</li>
											<li>顶线</li>
											<li>门线</li>
											<li>角线</li>
											<li>木方线</li>
											<li>收口线</li>
											<li>花木线</li>
										</ul>
										<ul style="padding-top: 20px; margin-left: 30px; display: inline-block;">
											<li>踢脚线</li>
											<li>定制木线</li>
											<li>其它木线</li>
										</ul>
									</div>
									<div class="listing4 fl">
										<ul class="fl">
											<li style="font-size: 16px; font-weight: bold;">地板配件</li>
											<li>地板钉</li>
											<li>扣条</li>
											<li>地垫</li>
											<li>地板蜡</li>
											<li>地板清洁剂</li>
											<li>底板防水油</li>
											<li>地板修补剂</li>
											<li>甲醇清除剂</li>
										</ul>
										<ul style="padding-top: 20px; display: inline-block;">
											<li>地板安装工具</li>
											<li>其他地板配件 </li>
										</ul>
									</div>
									<div class="listing5 fl">
										<ul>
											<li style="font-size: 16px; font-weight: bold;">吊顶钢龙骨</li>
											<li>吊筋</li>
											<li>吊钢</li>
											<li>轻钢龙骨</li>
											<li>扣板龙骨</li>
											<li>铝合金龙骨</li>
											<li>其它吊件</li>
										</ul>
									</div>
									<div class="listing6 fl">
										<ul class="fl">
											<li style="font-size: 16px; font-weight: bold;">木工类五金</li>
											<li>拉手</li>
											<li>锁</li>
											<li>合页</li>
											<li>铰链</li>
											<li>插销</li>
											<li>门夹</li>
											<li>碰珠</li>
											<li>脚轮</li>
										</ul>
										<ul class="fl" style="padding-top: 20px; margin-left: -25px; display: inline-block;">
											<li>闭门器</li>
											<li>地弹簧</li>
											<li>吊轮</li>
											<li>导轨</li>
											<li>螺栓</li>
											<li>钉</li>
											<li>角码</li>
											<li>螺母</li>
										</ul>
										<ul style="padding-top: 20px; margin-left: 25px; display: inline-block;">
											<li>围网</li>
											<li>其他木工五金</li>
										</ul>
									</div>
								</div>
							</div>	
							
						</li>
						<li><a href="">泥水工</a></li>
						<li><a href="">油漆工</a></li>
						<li><a href="">水电工</a></li>
						<li><a href="">门窗/其他</a></li>
						<li><a href="">装修工具</a></li>
						<li><a href="">消费工具</a></li>
						<li><a href="">建筑防护</a></li>
						<li><a href="">精细化学品</a></li>
						<li><a href="">定制/非标准</a></li>
					</ul>
				</div>
		</nav>		
			
			
			
		    <div class="sear">
			    <h3>搜索结果：马桶（5）</h3>
			    <p>品牌 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;TOTO(5)   </span></p>        
			    <p>分类<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;坐式马桶（3）&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;           智能马桶（2）         </span></p>
			    <p>筛选条件         <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价格        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 功能      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  尺寸          </span></p>
		          
		        <div class="sear1">
		        	<span>排序</span>
		        	<select name="">
			            <option value="最新">最新</option>
		            </select>
		        </div>
		        <div class="sear2">
		          <div class="sear2-1">
		          			<div class="divcss5">
		          				<img src="img/cpa.jpg" />
		          				<p>TOTO<br/>
		          				         新款坐式马桶<br/>
		          				          现价 ¥150.00<br />
		          				          总销量：10
		          				</p>
			                    <span>
			                    	<img src="img/buy-car2.png" />
			                    	<h3>点击购买</h3>
			                    </span>
			                    <a href="address.html" class="now">&nbsp;</a>
		                    </div>
		          		
		          		
		          			<div class="divcss5">
		          				<img src="img/cpa.jpg" />
		          				<p>TOTO<br/>
		          				         新款坐式马桶<br/>
		          				          现价 ¥150.00<br />
		          				          总销量：10
		          				</p>
			                    <span>
			                    	<img src="img/buy-car2.png" />
			                    	<h3>点击购买</h3>
			                    </span>
			                    <a href="address.html" class="now">&nbsp;</a>
		                    </div>
		                    
		                    
		                    <div class="divcss5">
		          				<img src="img/cpa.jpg" />
		          				<p>TOTO<br/>
		          				         新款坐式马桶<br/>
		          				          现价 ¥150.00<br />
		          				          总销量：10
		          				</p>
			                    <span>
			                    	<img src="img/buy-car2.png" />
			                    	<h3>点击购买</h3>
			                    </span>
			                    <a href="address.html" class="now">&nbsp;</a>
		                    </div>
		                    
		                    
		                    <div class="divcss5">
		          				<img src="img/cpa.jpg" />
		          				<p>TOTO<br/>
		          				         新款坐式马桶<br/>
		          				          现价 ¥150.00<br />
		          				          总销量：10
		          				</p>
			                    <span>
			                    	<img src="img/buy-car2.png" />
			                    	<h3>点击购买</h3>
			                    </span>
			                    <a href="address.html" class="now">&nbsp;</a>
		                    </div>
		          </div>
		          
		          
		          
		          
		          
		          
		          
		          
		          <div class="sear2-1">
		                    <div class="divcss5">
		          				<img src="img/cpa.jpg" />
		          				<p>TOTO<br/>
		          				         新款坐式马桶<br/>
		          				          现价 ¥150.00<br />
		          				          总销量：10
		          				</p>
			                    <span>
			                    	<img src="img/buy-car2.png" />
			                    	<h3>点击购买</h3>
			                    </span>
			                    <a href="address.html" class="now">&nbsp;</a>
		                    </div>
		          		
		          		
		          			<div class="divcss5">
		          				<img src="img/cpa.jpg" />
		          				<p>TOTO<br/>
		          				         新款坐式马桶<br/>
		          				          现价 ¥150.00<br />
		          				          总销量：10
		          				</p>
			                    <span>
			                    	<img src="img/buy-car2.png" />
			                    	<h3>点击购买</h3>
			                    </span>
			                    <a href="address.html" class="now">&nbsp;</a>
		                    </div>
		                    
		                    
		                   <div class="divcss5">
		          				<img src="img/cpa.jpg" />
		          				<p>TOTO<br/>
		          				         新款坐式马桶<br/>
		          				          现价 ¥150.00<br />
		          				          总销量：10
		          				</p>
			                    <span>
			                    	<img src="img/buy-car2.png" />
			                    	<h3>点击购买</h3>
			                    </span>
			                    <a href="address.html" class="now">&nbsp;</a>
		                    </div>
		                    
		                    
		                    <div class="divcss5">
		          				<img src="img/cpa.jpg" />
		          				<p>TOTO<br/>
		          				         新款坐式马桶<br/>
		          				          现价 ¥150.00<br />
		          				          总销量：10
		          				</p>
			                    <span>
			                    	<img src="img/buy-car2.png" />
			                    	<h3>点击购买</h3>
			                    </span>
			                    <a href="address.html" class="now">&nbsp;</a>
		                    </div>
		          <div class="sear2-1">
		          	        <div class="divcss5">
		          				<img src="img/cpa.jpg" />
		          				<p>TOTO<br/>
		          				         新款坐式马桶<br/>
		          				          现价 ¥150.00<br />
		          				          总销量：10
		          				</p>
			                    <span>
			                    	<img src="img/buy-car2.png" />
			                    	<h3>点击购买</h3>
			                    </span>
			                    <a href="address.html" class="now">&nbsp;</a>
		                    </div>
		          		
		          		
		          			<div class="divcss5">
		          				<img src="img/cpa.jpg" />
		          				<p>TOTO<br/>
		          				         新款坐式马桶<br/>
		          				          现价 ¥150.00<br />
		          				          总销量：10
		          				</p>
			                    <span>
			                    	<img src="img/buy-car2.png" />
			                    	<h3>点击购买</h3>
			                    </span>
			                    <a href="address.html" class="now">&nbsp;</a>
		                    </div>
		                    
		                    
		                    <div class="divcss5">
		          				<img src="img/cpa.jpg" />
		          				<p>TOTO<br/>
		          				         新款坐式马桶<br/>
		          				          现价 ¥150.00<br />
		          				          总销量：10
		          				</p>
			                    <span>
			                    	<img src="img/buy-car2.png" />
			                    	<h3>点击购买</h3>
			                    </span>
			                    <a href="address.html" class="now">&nbsp;</a>
		                    </div>
		                    
		                    
		                    <div class="divcss5">
		          				<img src="img/cpa.jpg" />
		          				<p>TOTO<br/>
		          				         新款坐式马桶<br/>
		          				          现价 ¥150.00<br />
		          				          总销量：10
		          				</p>
			                    <span>
			                    	<img src="img/buy-car2.png" />
			                    	<h3>点击购买</h3>
			                    </span>
			                    <a href="address.html" class="now">&nbsp;</a>
		                    </div>
		          </div>
		          
		        </div>
		        
		    </div>
		    </div>
		    
		    
		<div class="clear"></div>
			<hr style="border: 1px solid #EFEFEF;"/>
			<!--尾部-->
			<footer>
				<div class="footer_tittle clearfix">
					<ul>
						<li><img src="img/you.jpg"></li>
						<li><h4>品质保障</h4>
							<span>品质保证 购物无忧</span>
						</li>
					</ul>
					<ul>
						<li><img src="img/te.jpg"></li>
						<li><h4>特色服务</h4>
							<span>针对户型 私人定制</span>
						</li>
					</ul>
					<ul>
						<li><img src="img/sheng.jpg"></li>
						<li><h4>全网最低</h4>
							<span>厂家直销 低价承诺</span>
						</li>
					</ul>
					<ul>
						<li><img src="img/usre.jpg"></li>
						<li><h4>帮助中心</h4>
							<span>您的购物指南</span>
						</li>
					</ul>
				</div>
				<div class="footer_ul clearfix">
					<hr/>
					<ul class="fl">
						<li>
							<h5><a href="">新手指南</a></h5>
						</li>
						<li><a href="">新手指南</a></li>
						<li><a href="">购物流程</a></li>
						
					</ul>
					<ul class="fl">
						<li>
							<h5><a href="">支付方式</a></h5>
						</li>
							<li><a href="">支付宝</a></li>
							<li><a href="">微信</a></li>
					</ul>
					<ul class="fl">
						<li>
							<h5><a href="">物流配送</a></h5>
						</li>
						<li><a href="">配送方式</a></li>
						<li><a href="">服务流程</a></li>
						
					</ul>
					<ul class="fl">
						<li>
							<h5><a href="">客服中心</a></h5>
						</li>
							<li><a href="">在线客服</a></li>
							<li><a href="">常见问题</a></li>
					</ul>
					<ul class="fl">
						<li>扫一扫，关注鲁班兄弟</li>
						<li><img src="img/code.png"/></li>
					</ul>
				</div>
			</footer>
			<div class="bottom">
				<div class="bottom-contant">
					<p>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</p>
					<ul class="clearfix">
						<li><a href="">关于我们</a></li>
						<li><a href="">联系我们</a></li>
						<li style="border: none;"><a href="">法律说明</a></li>
					</ul
				</div>
			</div>
		</div>
	
	  
	</body>
</html>